<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="PhotoController.*,java.util.*, java.io.*, java.sql.*" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="STYLESHEET" type="text/css" href="/KOMORIUTA/css/<%=session.getAttribute("photo") %>.css">
<link rel="STYLESHEET" type="text/css" href="/KOMORIUTA/page/page.css">
<script src="/KOMORIUTA/photo/PtOld/PtOld.js" type="text/JavaScript"></script>
<script src="/KOMORIUTA/photo/PtOld/jquery.js" type="text/javascript"></script>
<link rel="STYLESHEET" type="text/css" href="/KOMORIUTA/css/community.css">
<script>
function doList(page){
	document.empFrm.currentPage.value=page;
	document.empFrm.submit();
}
</script>
</head>


<%
ArrayList<PhotoFreeBean> datas2=(ArrayList<PhotoFreeBean>)session.getAttribute("list");
PhotoFreeBean photoFreeBean2=(PhotoFreeBean)session.getAttribute("photoFreeBean");
String nick=(String)session.getAttribute("Mem_Nick");
%>
<body>
<form action="PhotoFreeAction.do" method="post" name="empFrm">
<input type="hidden" name="action" value="pt_free_list2" />
<input type="hidden" name="nick" value="<%=nick %>" />
<input type="hidden" name="currentPage" />
<div id="list">
<span>::: 写真掲示板 :::</span>
</div>
<div style="position:relative;float:left;width:700px;height:10px;"></div>
<div style="position:relative;float:left;width:700px;">
	<%
				for(PhotoFreeBean bean : datas2){
					
					String title=bean.getPo_Title();
			%>
				<div style="position:relative;left:25px;float:left;width:155px;height:210px;border:0px solid blue;">
					<div style="position:relative;left:0px;float:left; width:120px;height:120px;background-color:#fdfdfc;border:1px solid  #C0C0C0;">
						<div style=" position:relative;left:5px;top:5px; width:120px;height:120px;border:0px solid #ded7bd; z-index: 4">
						<a href="/KOMORIUTA/PhotoFreeAction.do?action=pt_free_read&id=<%=bean.getID() %>&nick=<%=nick %>">
						<img src=<%=bean.getPhoto() %> width="110" height="110" border="0" onclick="javascript:location.href='/KOMORIUTA/PhotoFreeAction.do?action=pt_free_read&id=<%=bean.getID() %>&nick=<%=nick %>'">
						</a>
						</div> 
					</div>
					
					<div style="position:absolute;top:130px;left:2px;width:120px;height:54px;border:0px solid #846653;font-size:11px">
					<table border=0 cellpadding="0" cellspacing="0" width="120" style="table-layout:fixed;">
						<tr>
							<td width="55">タイトル：</td><td style="text-overflow:ellipsis; overflow:hidden;"><nobr><%=bean.getPo_Title() %></nobr></td>
						</tr>
						<tr>
							<td>ID&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;：</td><td style="text-overflow:ellipsis; overflow:hidden;"><nobr>
								<a href=javascript:mass("<%=bean.getID()%>") class="black"><%=bean.getPo_Nick()%></a>
								<a href=javascript:WriteGo("<%=nick%>","<%=bean.getPo_Nick()%>") id="massage<%=bean.getID()%>" class="mass"><img alt=""  src="<%=request.getContextPath()%>/photo/img/message_Send.png" ></a>
							</nobr></td>
						</tr>
						<tr>
							<td>日付&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;：</td><td><%=bean.getPo_Date()  %></td>
						</tr>
						<tr>
							<td>アクセス：</td><td><%=bean.getPo_Viewcount() %></td>
						</tr>
						<tr>
							<td>コメント：</td><td><%=bean.getPo_Comcount() %></td>
						</tr>
					</table>
					</div>
				</div>
			<%
				}
			%>
</div>
<div style="position:relative;float;left;width:700px;border:1px solid white;" >
<table width="700" border=0>
	<tr>
		<td width="150">&nbsp;</td>
		<td><%= session.getAttribute("paging") %></td>
		<td width="150"><a href="/KOMORIUTA/PhotoFreeAction.do?action=pt_free_write_form&nick=<%=nick %>" ><img src="/KOMORIUTA/photo/img/kakikomi.jpg" border=0/></a></td>
	</tr>
</table>
</div>
<div style="position:relative;float;left;width:700px;border:1px solid white;">
<table border=0 width="700">
	<tr align="center"> 
	<td>
	<select name="search">
	<option value="po_contents">内容</option>
	<option value="po_title">タイトル</option>
	<option value="po_nick">作成者</option>
	</select>
	<input type="text" name="searchword" onmouseover="this.style.backgroundColor='f9f7de'" onmouseout="this.style.backgroundColor=''" />
	<input type="submit" value="検索" />
	</td>
	</tr>
</table>
</div>
</form>

</body>
</html>